<!--模态框-->
<div class="modal-dialog modal-lg">
  <div class="modal-content">
    <div class="modal-header">
      <button class="close" data-dismiss="modal">×</button>
      <h4>基金信息</h4>
    </div>
    <div class="box-body" style="padding-left:0px;">
      <div style="overflow-x:scroll;width:100%">
        <!-- <hr> -->
        <table id="list_table" class="table table-bordered table-keep-line table-hover table-striped">
          <thead>
            <tr>
              <th class="width-10">产品代码</th>
              <th class="width-10">产品简称</th>
              <th class="width-10">产品类型</th>
            </tr>
          </thead>
          <tbody>
            <tr *ngFor="let item of dataList">
              <td class="short_name" [attr.title]="item.sAttachName">{{item.sFundCode}}</td>
              <td class="short_name">{{item.sFundName}}</td>
              <td class="short_name">{{item.sFundTypeName}}</td>
            </tr>
          </tbody>
        </table>
      </div>
    </div>
    <div class="box-footer clearfix">
      <app-pagination [currentPageNum]="listPageInfo.currentPageNum" [pagesShow]="" [totalPages]="listPageInfo.totalPages" (pageChanged)="listPageNavigation($event)">
        <div class="pull-left pagination-detail" data-pagination-additional="true">
          <span class="pagination-info">当前显示第{{listPageInfo.startRow}}到第{{listPageInfo.endRow}}条，总共{{listPageInfo.total}}条，</span>
          <span class="page-list"> 每页记录
            <span class="btn-group dropup">
              <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown">
                <span class="page-size">{{listPageInfo.pageSize}}</span>
                <span class="caret"></span>
              </button>
              <ul class="dropdown-menu" role="menu">
                <li *ngFor="let i of listPageInfo.pageList" role="menuitem" [class.active]="listPageInfo.pageSize === i" (click)="listpageSizeChange(i)">
                  <a>{{i}}</a>
                </li>
              </ul>
            </span>条
          </span>
        </div>
      </app-pagination>
      <div class="modal-footer"></div>
      <div class="text-center">
        <button type="button" class="btn btn-primary" data-dismiss="modal">关闭</button>
      </div>
    </div>
  </div>
</div>
